{% extends "base.html" %} {% load static %} {% block extra_head %}
<!-- <script src="{% static 'js/vue.min.js'%}"></script> -->
{% endblock extra_head %} {% block main %} {% if user.is_authenticated %}

<div style="width: 90%; height: 100%" class="tma">
  <h5><strong>Target Motion Analysis 快速教学</strong></h5>
  <div class="mt-3 h6 ms-4">TMA 总结</div>
  <pre>
  1. 三种声纳系统，bow、hull、towed array，只有TA的误差最小适合做TMA。
  2. 当分配自动追踪器后，海图上的目标方位线每分钟更新一次。
  3. TMA过程中，要求目标保持匀速恒向。这里有个矛盾的地方。如果本艇想要使用TA稳定追踪目标，那么就必须恒向，
      同时速度不能太低，以防TA下垂。为了挫败对手的TMA，就只剩变速这个选择了，可是为了隐蔽性速度一般也不会提高太多。
      所以TMA还是有意义的。当然TMA也可以用来对对手发射的鱼雷、uuv、移动诱饵等做解算。
  4. TMA的一般步骤为:
      a. TA探测到目标后，由于摆动TA特别耗时，那就先不做镜像分析，将目标和其镜像都追踪上。
      b. 第一次测量：保持恒向，看情况变速。等最少获取三条目标方位线后（推荐5条）。
      c. 第一次转向，转向幅度尽量大，推荐90°-180°之间。尽可能做的如下几点：
          开始转向前，收TA，主要作用就是，组织TA再更新目标方位线，因为当TA被带动转向时，其更新的方位线时不准的。
          利用跃表层和对手隔开，这样我们可以高速机动，而对手不会听到。
          尽量加速，同时考虑到转向后，TA的转向延时，TA的拉平延时。尽量快速完成转向，同时将本艇和TA的深度控制好，以便尽快重新开始探测目标。
      d. 第二次测量：保持恒向，看情况变速，同时做镜像分析，排除假目标。等最少获取三条目标方位线后（推荐5条）后，根据情况是否做第二次转向/第三次测量：
          如果有目标的速度信息，以上两次测量就足够。
          如果没有速度信息。想要获取目标准确距离，最少需要三次测量。
      e. 按照上面的步骤做两次或者三次测量后就可以到TMA station对目标做分析。

  </pre>

  <div class="mt-3 h6 ms-4">TMA演示</div>
  <div class="ms-4 tma_demo">
    <ul class="tma_tutorial">
      <li>探测到目标，将镜像也追踪上。保持航行开始第一测量。</li>
      <img
        @mouseover="enlargeImage($event)"
        @mouseleave="shrinkImage($event)"
        id="tma-01"
        src="/media/tutorial/TMA-01.png"
        alt=""
        class="ms-4 image_thermal_layer"
      />
      <li>
        测得5条方位线后，第一次测量结束。适当加速，并收起TA，下潜到跃表层以下后，高速转向。(akula的TA较短，转向时，没必要回收TA来配合。)
      </li>
      <img
        @mouseover="enlargeImage($event)"
        @mouseleave="shrinkImage($event)"
        src="/media/tutorial/TMA-02.png"
        alt=""
        class="ms-4 image_thermal_layer"
      />
      <li>
        通过跃表层下高速机动，稳定到新航行后，上浮到跃表层以上，同时释放TA。
      </li>
      <img
        @mouseover="enlargeImage($event)"
        @mouseleave="shrinkImage($event)"
        src="/media/tutorial/TMA-03.png"
        alt=""
        class="ms-4 image_thermal_layer"
      />
      <img
        @mouseover="enlargeImage($event)"
        @mouseleave="shrinkImage($event)"
        src="/media/tutorial/TMA-04.png"
        alt=""
        class="ms-4 image_thermal_layer"
      />
      <li>保持航行，开始第二次测量。同样测得5条方位线。</li>
      <li>TMA station目标分析。</li>
      <img
        @mouseover="enlargeImage($event)"
        @mouseleave="shrinkImage($event)"
        src="/media/tutorial/TMA-05.png"
        alt=""
        class="ms-4 image_thermal_layer"
      />
      <img
        @mouseover="enlargeImage($event)"
        @mouseleave="shrinkImage($event)"
        src="/media/tutorial/TMA-06.png"
        alt=""
        class="ms-4 image_thermal_layer"
      />
      <img
        @mouseover="enlargeImage($event)"
        @mouseleave="shrinkImage($event)"
        src="/media/tutorial/TMA-07.png"
        alt=""
        class="ms-4 image_thermal_layer"
      />
      <img
        @mouseover="enlargeImage($event)"
        @mouseleave="shrinkImage($event)"
        src="/media/tutorial/TMA-08.png"
        alt=""
        class="ms-4 image_thermal_layer"
      />
    </ul>
    <div class="float_image">
      <img id="image_display" src="" alt="" class="w-100" />
    </div>
  </div>
</div>

<script src="{% static 'js/tma.js' %}"></script>
<link rel="stylesheet" href="{% static 'css/tma.css' %}" />
{% else %} {% include "pcs_login.html" %} {% endif %} {% endblock %}
